﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>JavaMis右侧展示</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="${ctxPath}/css/plugins/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="${ctxPath}/css/font-awesome.min.css">
    <link rel="stylesheet" href="${ctxPath}/css/common/index.css">
    <link rel="stylesheet" href="${ctxPath}/css/system/include/right.css">
    <script src="${ctxPath}/js/plugins/jquery/jQuery-2.2.0.min.js"></script>
    <script src="${ctxPath}/js/plugins/charts/Chart.js"></script>
    <script src="${ctxPath}/js/system/include/right.js"></script>
</head>
<body>
    <div id="rightPart">
    	<!-- 第一栏_开始 -->
        <div class="rows" style="border:1px;margin-bottom: 0.8%; overflow: hidden;">
        	<!-- 信息提醒窗口_开始 -->
            <div style="border: 1px solid #e6e6e6; background: #ffff;float: left; width: 100%;">
                <div style="margin-left:3px;margin-top:2px;margin-bottom:2px;margin-right: 3px;height: 100%; border: 1px solid #e6e6e6; overflow: hidden;">
                    <div class="display-class">
                        <div class="display-tip" style="background-color:#7B68EE;">
                            <div class="stat-icon">
                                <i class="fa fa-weixin"></i>
                            </div>
                            <h2 class="message-data">100<span>个</span></h2>
                            <h5>微信已回复</h5>
                        </div>
                    </div>
                    <div class="display-class">
                        <div class="display-tip" style="background-color: #9370DB;">
                            <h2 class="message-data">101<span>条</span></h2>
                            <h5>微博未读</h5>
                            <div class="stat-icon">
                                <i class="fa fa-weibo"></i>
                            </div>
                        </div>
                    </div>
                    <div class="display-class">
                        <div class="display-tip" style="background-color: #87CEFA;">
                            <h2 class="message-data">102<span>封</span></h2>
                            <h5>QQ邮箱未读</h5>
                            <div class="stat-icon">
                                <i class="fa fa-qq"></i>
                            </div>
                        </div>
                    </div>
                    <div class="display-class">
                        <div class="display-tip" style="background-color: #48D1CC; margin-right: 0px;">
                            <h2 class="message-data">103<span>封</span></h2>
                            <h5>已发邮件</h5>
                            <div class="stat-icon">
                                <i class="fa fa-send"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 信息提醒窗口_结束 -->
            
            
        </div>
        <!-- 第一栏_结束 -->
        
        <!-- 第二栏_开始 -->
        <div class="rows" style="margin-bottom: 0.8%; overflow: hidden;">
            <!-- 最近一周访问量统计_开始 -->
            <div style="width: 69.2%;float: left;">
                <div style="height: 290px; border: 1px solid #e6e6e6; background-color: #fff;">
                    <div class="panel panel-default">
                        <div class="panel-heading"><i class="fa fa-area-chart fa-lg" style="padding-right: 5px;"></i>最近一周访问量统计</div>
                        <div class="panel-body">
                            <canvas id="serverUseState" style="height: 230px; width: 100%;"></canvas>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 最近一周访问量统计_结束 -->
            <div style="float: right; width: 30%;">
                <div style="height: 290px; border: 1px solid #e6e6e6; background-color: #fff;">
                    <div class="panel panel-default">
                        <div class="panel-heading"><i class="fa fa-pie-chart fa-lg" style="padding-right: 5px;"></i>服务器使用统计</div>
                        <div class="panel-body">
                            <canvas id="serverUseStatistics " style="height: 180px; width: 100%; margin-top: 10px;"></canvas>
                            <div style="text-align: center; padding-top: 15px;">
                                <span><i class="fa fa-square" style="color: #F7464A; font-size: 20px; padding-right: 5px; vertical-align: middle; margin-top: -3px;"></i>服务器磁盘-已使用状态</span>
                                <span style="margin-right: 3px;"><i class="fa fa-square" style="color: #46BFBD; font-size: 20px; padding-right: 5px; vertical-align: middle; margin-top: -3px;"></i>文件服务器-存储量状态</span></br>
                                <span style="margin-left: -61px;"><i class="fa fa-square" style="color: #FDB45C; font-size: 20px; padding-right: 5px; vertical-align: middle; margin-top: -6px;"></i>结构化数据-存储状态</span>
                                <span style="margin-right: 3px;"><i class="fa fa-square" style="color: #949FB1; font-size: 20px; padding-right: 5px; vertical-align: middle; margin-top: -6px;"></i>服务器-空闲率</span>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        <!-- 第二栏_结束 -->

		<!-- 第三栏_开始 -->
        <div class="rows" style="overflow: hidden;">
            <div style="float: left; width: 33.8%; margin-right: 0.8%;">
                <div style="height: 240px; border: 1px solid #e6e6e6; background-color: #fff;">
                    <div class="panel panel-default">
                        <div class="panel-heading"><i class="fa fa-send fa-lg" style="padding-right: 5px;"></i>JavaMis开发平台使用的技术</div>
                        <div class="panel-body">
                            <ul>
                                <li><a href="#" >1.Spring boot框架</a><span class="time">2020-07-02</span></li>
                                <li><a href="#" >2.FastDFS文件服务器</a><span class="time">2020-06-18</span></li>
                                <li><a href="#" >3.Tocken认证技术</a><span class="time">2020-06-26</span></li>
                                <li><a href="#" >4.Webservice接口</a><span class="time">2020-04-20</span></li>
                                <li><a href="#" >5.Soap协议技术</a><span class="time">2020-03-08</span></li>
                                <li><a href="#" >6.Wsdl协议技术</a><span class="time">2020-02-22</span></li>
                                <li><a href="#" >7.LdapDS 文件目录服务</a><span class="time">2020-02-15</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div style="float: left; width: 34.6%; margin-right: 0.8%;">
                <div style="height: 240px; border: 1px solid #e6e6e6; background-color: #fff;">
                    <div class="panel panel-default">
                        <div class="panel-heading"><i class="fa fa-rss fa-lg" style="padding-right: 5px;"></i>使用JavaMis开发平台迭代开发的系统</div>
                        <div class="panel-body">
                            <ul>
                                <li><a href="#" >框架预约挂号平台 + 手机APP版</a><span class="time">2022-07-21</span></li>
                                <li><a href="#" >订餐服务平台 + 手机APP版</a><span class="time">2022-08-31</span></li>
                                <li><a href="#" >智慧城市综合管理系统</a><span class="time">2022-09-30</span></li>
                                <li><a href="#" >接口智慧定位管理系统</a><span class="time">2022-10-21</span></li>
                                <li><a href="#" >协议技术综合安防系统</a><span class="time">2022-12-21</span></li>
                                <li><a href="#" >协议技术智慧物联平台</a><span class="time">2023-02-21</span></li>
                                <li><a href="#" >其它应该系统...</a><span class="time">2023-2025</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div style="float: right; width: 30%;">
                <div style="height: 240px; border: 1px solid #e6e6e6; background-color: #fff;">
                    <div class="panel panel-default">
                        <div class="panel-heading"><i class="fa fa-thumbs-o-up fa-lg" style="padding-right: 5px;"></i>通知公告</div>
                        <div class="panel-body">
                            <ul>
                                <li><a href="#" >【通知】2020年1月沉淀平台思路</a><span class="time">2020-01-11</span></li>
                                <li><a href="#" >【公告】2020年2月整理平台资料</a><span class="time">2020-02-20</span></li>
                                <li><a href="#" >【公告】2020年3月沉淀平台思路</a><span class="time">2020-03-30</span></li>
                                <li><a href="#" >【通知】2020年4月springMVC</a><span class="time">2020-04-20</span></li>
                                <li><a href="#" >【通知】2020年5月集成Mybtis</a><span class="time">2020-05-21</span></li>
                                <li><a href="#" >【通知】2022年7月开发挂号系统</a><span class="time">2022-07-21</span></li>
                                <li><a href="#" >【公告】2022年8月挂号系统开发完成</a><span class="time">2022-08-31</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 第三栏_结束 -->
    </div>
</body>
	
	<!-- 1、将一部分静态文件的加载放到右侧欢迎页这里，是为了减轻打开用户管理等模块时一次性加载静态文件的压力-start -->
	<link rel="stylesheet" href="${ctxPath}/css/plugins/bootstrap/bootstrap.css"/>
	<link rel="stylesheet" href="${ctxPath}/css/plugins/bootstrap/bootstrap.min.css"/>
	<script  src="${ctxPath}/js/plugins/bootstrap/bootstrap.js"></script>
	<link rel="stylesheet" href="${ctxPath}/css/plugins/bootstrap-validate/bootstrapValidator.min.css">
	<script  type="text/javascript" src="${ctxPath}/js/plugins/bootstrap-validate/bootstrapValidator.min.js"></script>
	<!-- 1、将一部分静态文件的加载放到右侧欢迎页这里，是为了减轻打开用户管理等模块时一次性加载静态文件的压力-end -->

</html>
